// 全局样式

// 自定义滚动条
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
  
  &:hover {
    background: #555;
  }
}

// Element Plus 菜单暗色主题
.el-menu {
  &.el-menu--collapse {
    .el-sub-menu__title,
    .el-menu-item {
      padding: 0 20px !important;
    }
  }
}

// 卡片样式
.page-card {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

// 页面标题
.page-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #303133;
}

// 统计卡片
.stat-card {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  border-radius: 8px;
  padding: 20px;
  
  .stat-title {
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 10px;
  }
  
  .stat-value {
    font-size: 32px;
    font-weight: bold;
  }
  
  &.success {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  }
  
  &.warning {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  }
  
  &.info {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  }
}


